<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>居家风水</title>
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/shop_style.css" />
    <!-- <link rel="stylesheet" href="css/jquery.fullPage.css"> -->
    <script src="js/jquery-1.8.3.min.js"></script>
</head>
<!--<body class="fengshui_bg">-->
<body>
<div class="content-box">
    <div class="head">
        <div class="visual-box">
            <div class="head-left clearfloat">
                <div class="head-logo">
                    <img src="img/logo.png" />
                </div>
                <div class="head-tel">
                    蓝光优居热线
                    <span>
                    400-8888-116
                </span>
                </div>

                <ul class="head-right">
                    <li class="click-login">
                        <i class="icon-1"></i>登录
                        <label></label>
                    </li>
                    <li class="click-register">
                        <i class="icon-2"></i>注册
                        <label></label>
                    </li>
                    <li>
                        <i class="icon-3"></i>设计师登录
                        <label></label>
                    </li>
                    <li class="top-qr-li">
                        <i class="icon-4"></i>微信公众号
                        <label></label>
                        <div class="top-qr">
                            <div class="top-qr-box">
                                <img src="img/qr.jpg" />
                                <p>
                                    悠生活U-life
                                </p>
                                <i></i>
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="icon-5"></i>样板间地图
                    </li>
                </ul>
            </div>
        </div>
        <div class="nav-bg">
            <div class="visual-box">
                <ul class="nav" id="nav">
                    <li>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <!--<a href="customized.html">全屋定制</a>-->
                        <a href="customized.html">全屋定制</a>
                    </li>
                    <li>
                        <a href="sheji.html">设计+</a>
                    </li>
                    <li>
                        <a href="fengshui_info_list.htm" class="active">居家风水</a>
                    </li>
                    <li>
                        <a href="#">家居金融</a>
                    </li>
                    <li>
                        <a href="comment.html">优居热评</a>
                    </li>
                    <li>
                        <a href="#">品质检测</a>
                    </li>
                    <li>
                        <a href="shop_index.html">悠生活商城</a>
                    </li>
                    <li>
                        <a href="complaint.html">红邮箱投诉</a>
                    </li>
                    <li class="nav-last-list">
                        已服务<span>012354</span>位业主
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="shop-bg">
        <!-- fengshui_airticle_list_banner start -->
        <div class="fengshui_list_banner"></div>
        <!-- fengshui_airticle_list_banner end -->
        <div class="fengshui_list_warp">
            <!-- fengshui_airticle_list_nav start -->
            <div class="fengshui_list_nav">
                <span class="fengshui_list_active">家居风水</span>
                <span>户型风水</span>
                <span>房间风水</span>
                <span>风水禁忌</span>
            </div>
            <!-- fengshui_airticle_list_nav end -->

            <!-- fengshui_airticle_list start -->
            <div class="fengshui_arc_list_warp">
                <div class="fengshui-list">
                    <div class="fengshui-img">
                        <img src="img/shop/fengshui_list_airticle_img.jpg" />
                    </div>
                    <a href="fengshui_info_airticle.htm">
                        <dl class="fengshui-text">
                            <dt>关注客厅风水 可别忽略了客厅的窗</dt>
                            <dd>阳光透过窗户洒入房内，微风通过窗户吹入房中。窗户是家与外界的沟通媒介，所以窗户也有很多需要注意的地方。下面是客厅窗户风水的禁忌，要记住哦~正对路冲的房屋容易有意外发生，如果这种路冲还正对窗户的话...</dd>
                            <label>2018-02-06</label>
                        </dl>
                        <i class="fengshui-arrow"></i>
                    </a>
                </div>
                <div class="fengshui-list">
                    <div class="fengshui-img">
                        <img src="img/shop/fengshui_list_airticle_img.jpg" />
                    </div>
                    <a href="fengshui_info_airticle.htm">
                        <dl class="fengshui-text">
                            <dt>关注客厅风水 可别忽略了客厅的窗</dt>
                            <dd>阳光透过窗户洒入房内，微风通过窗户吹入房中。窗户是家与外界的沟通媒介，所以窗户也有很多需要注意的地方。下面是客厅窗户风水的禁忌，要记住哦~正对路冲的房屋容易有意外发生，如果这种路冲还正对窗户的话...</dd>
                            <label>2018-02-06</label>
                        </dl>
                        <i class="fengshui-arrow"></i>
                    </a>
                </div>
                <div class="fengshui-list">
                    <div class="fengshui-img">
                        <img src="img/shop/fengshui_list_airticle_img.jpg" />
                    </div>
                    <a href="fengshui_info_airticle.htm">
                        <dl class="fengshui-text">
                            <dt>关注客厅风水 可别忽略了客厅的窗</dt>
                            <dd>阳光透过窗户洒入房内，微风通过窗户吹入房中。窗户是家与外界的沟通媒介，所以窗户也有很多需要注意的地方。下面是客厅窗户风水的禁忌，要记住哦~正对路冲的房屋容易有意外发生，如果这种路冲还正对窗户的话...</dd>
                            <label>2018-02-06</label>
                        </dl>
                        <i class="fengshui-arrow"></i>
                    </a>
                </div>
                <div class="fengshui-page">
                    <a href="#" class="jinyong-bt">
                        上一页
                    </a>
                    <a href="#" class="fengshui_active">
                        1
                    </a>
                    <a href="#">
                        2
                    </a>
                    ...
                    <a href="#">
                        10
                    </a>
                    <a href="#">
                        下一页
                    </a>

                </div>
            </div>
            <!-- fengshui_airticle_list end -->
        </div>
    </div>

    <div class="footer">
        <div class="visual-box clearfloat">
            <div class="footer-left clearfloat">
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            品牌实力
                        </dt>
                        <dd>
                            <a href="#">品牌介绍</a>
                        </dd>
                        <dd>
                            <a href="#">企业文化</a>
                        </dd>
                        <dd>
                            <a href="#">全国布局</a>
                        </dd>
                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            V8生活家
                        </dt>
                        <dd>
                            <a href="#">硬包装</a>
                        </dd>
                        <dd>
                            <a href="#">软包装</a>
                        </dd>
                        <dd>
                            <a href="#">智能家居</a>
                        </dd>
                        <dd>
                            <a href="#">家庭园艺</a>
                        </dd>
                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            产品服务
                        </dt>
                        <dd>
                            <a href="#">高端定制服务</a>
                        </dd>
                        <dd>
                            <a href="#">服务理念</a>
                        </dd>
                        <dd>
                            <a href="#">设计名家</a>
                        </dd>
                        <dd>
                            <a href="#">预定装修</a>
                        </dd>
                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            产品优势
                        </dt>
                        <dd>
                            <a href="#">六大优势</a>
                        </dd>
                        <dd>
                            <a href="#">品牌合作伙伴</a>
                        </dd>

                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            联系我们
                        </dt>
                        <dd>
                            <a href="#">联系方式</a>
                        </dd>
                        <dd>
                            <a href="#">在线咨询</a>
                        </dd>

                    </dl>
                </div>
            </div>
            <div class="footer-right">
                <div class="service-list">
                    <p>
                        全国客户服务热线
                    </p>
                    <div>
                        028-8780-1675
                    </div>
                    <i></i>
                </div>
                <div class="email">
                    邮编：611731
                </div>
                <div class="email">
                    地址：中国    成都    高新西区    新创路2号附10号
                </div>
                <div class="copyright">
                    ©2017 WWW.BRC-BEEI.COM ALL RIGHTS RESERVED
                </div>
                <div class="qr-box">
                    <img src="img/qr.jpg" />
                    <p>
                        关注蓝光官方微信
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- login start -->
<div class="login">
    <div class="login-box">
        <i class="cols"></i>
        <h2>
            登录
            <a href="#" class="click-register lick-hover">
                注册
            </a>
        </h2>
        <div class="login-input">
            <input type="text" name="" placeholder="请输入账号" />
            <i class="icon-user" yClass="icon-user-1"></i>
        </div>
        <div class="login-input">
            <input type="password" name="" placeholder="请输入密码" />
            <i class="icon-pwsd" yClass="icon-pwsd-1"></i>
        </div>
        <p class="error-box">
            <i></i>账号或密码错误
            <a href="#">
                忘记密码？
            </a>
        </p>

        <button class="login-bt">
            登录
        </button>
    </div>
</div>

<div class="login register">
    <div class="login-box">
        <i class="cols"></i>
        <h2>
            注册
            <a href="#" class="click-login lick-hover">
                登录
            </a>
        </h2>
        <div class="login-input warning">
            <input type="text" name="" placeholder="请输入手机号" value="13856458978" />
            <i class="icon-user" yClass="icon-user-1"></i>
        </div>
        <div class="login-input">
            <input type="password" name="" placeholder="请设置密码" />
            <i class="icon-pwsd" yClass="icon-pwsd-1"></i>
        </div>
        <div class="login-input phone-number">
            <input type="text" name="" placeholder="请输入手机验证码" value="" />
            <i class="icon-number" yClass="icon-number-1"></i>
            <button>
                发送验证码
            </button>
        </div>
        <p class="error-box">
            <i></i>账号或密码错误
        </p>
        <p class="agreement">
            <i><input type="checkbox" name="" checked /></i>已阅读并同意<a href="#" target="_blank">《蓝光优居用户使用协议》</a>
        </p>
        <button class="login-bt">
            注册
        </button>
    </div>
</div>
</body>
<script type="text/javascript">
    $(".fengshui_list_nav span").click(function(){
        $(this).addClass("fengshui_list_active").siblings().removeClass("fengshui_list_active");
    });
    $(".fengshui-page a").click(function(){
        $(this).addClass("fengshui_list_active").siblings().removeClass("fengshui_list_active");
    });
</script>
<script src="js/app.js"></script>
</html>